define(function(){
	function fn(){
		$.ajax({
	         type : "get",
	         async:false,
	         url : "http://localhost/yuyujing/meixian/html/special.php?callback=fn", 
	         dataType : "jsonp",
	         fn: "jsoncallback",
	         //成功获取跨域服务器上的json数据后,会动态执行这个callback函数
	         success : function(res){ 
	         	//特惠专区
		        $(".mx-ch1").on("mouseenter",function(){
		         	 // var arr = JSON.parse(res)
		         	$json = res;
		         	var html = "";  
		            $.each(res,function(index,name,img,price1){
		            	// console.log(index);
		            	this.index = index;
		            	if(this.index < 12){
		            		// console.log(name,img,price1);
		            		html += `<li>
										<div class="goods-img">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-detail">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul1").html(html);	            	
		            })   
	         }) 
		       $(".mx-ch2").on("mouseenter",function(){
		         	$json = res;
		         	var html = "";  
		            $.each(res,function(index,name,img,price1){
		            	this.index = index;
		            	if(this.index > 11 && this.index < 24){
		            		// console.log(name,img,price1);
		            		html += `<li>
										<div class="goods-img">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-detail">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul2").html(html);	            	
		            })   
	 			})
		       $(".mx-ch3").on("mouseenter",function(){
		         	$json = res;
		         	var html = "";  
		            $.each(res,function(index,name,img,price1){
		            	// console.log(index);
		            	this.index = index;
		            	if(this.index > 23 && this.index < 36){
		            		// console.log(name,img,price1);
		            		html += `<li>
										<div class="goods-img">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-detail">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul3").html(html);	            	
		            })   
	 			})
		       $(".mx-ch4").on("mouseenter",function(){
		         	$json = res;
		         	var html = "";  
		            $.each(res,function(index,name,img,price1){
		            	// console.log(index);
		            	this.index = index;
		            	if(this.index > 35 && this.index < 48){
		            		// console.log(name,img,price1);
		            		html += `<li>
										<div class="goods-img">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-detail">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul4").html(html);	            	
		            })   
	 			})
	
		       //1F
		       $(".mx-ch5").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	// console.log(index);
		            	this.index = index;
		            	if(this.index > 47 && this.index < 52){
		            		// console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul5").html(str);	            	
		            })   
	 			})
		       $(".mx-ch6").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	// console.log(index);
		            	this.index = index;
		            	if(this.index > 51 && this.index < 60){
		            		// console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul6").html(str);	            	
		            })   
	 			})
		       $(".mx-ch7").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	// console.log(index);
		            	this.index = index;
		            	if(this.index > 59 && this.index < 66){
		            		// console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul7").html(str);	            	
		            })   
	 			})
	
		       //2F
		       $(".mx-ch8").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 65 && this.index < 74){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic2">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det2">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul8").html(str);	            	
		            })   
	 			})
		       $(".mx-ch9").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 73 && this.index < 82){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic2">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det2">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul9").html(str);	            	
		            })   
	 			})
		       $(".mx-ch10").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 81 && this.index < 84){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic2">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det2">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul10").html(str);	            	
		            })   
	 			})
		       $(".mx-ch11").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 83 && this.index < 92){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic2">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det2">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul11").html(str);	            	
		            })   
	 			})
	
		       //3F
		       $(".mx-ch12").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 91 && this.index < 100){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic3">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det3">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul12").html(str);	            	
		            })   
	 			})
		       $(".mx-ch13").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 99 && this.index < 105){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic3">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det3">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul13").html(str);	            	
		            })   
	 			})
		       $(".mx-ch14").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 104 && this.index < 113){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic3">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det3">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul14").html(str);	            	
		            })   
	 			})
		       $(".mx-ch15").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 112 && this.index < 115){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic3">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det3">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul15").html(str);	            	
		            })   
	 			})
		       //4F
		       $(".mx-ch16").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 114 && this.index < 118){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic4">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det4">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul16").html(str);	            	
		            })   
	 			})
		       $(".mx-ch17").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 117 && this.index < 126){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic4">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det4">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul17").html(str);	            	
		            })   
	 			})
		       $(".mx-ch18").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 125 && this.index < 134){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic4">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det4">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul18").html(str);	            	
		            })   
	 			})
		       $(".mx-ch19").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 133 && this.index < 142){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic4">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det4">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul19").html(str);	            	
		            })   
	 			})
		       //5F
		       $(".mx-ch20").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 141 && this.index < 150){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic5">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det5">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul20").html(str);	            	
		            })   
	 			})
		       $(".mx-ch21").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 149 && this.index < 158){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic5">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det5">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul21").html(str);	            	
		            })   
	 			})
		       $(".mx-ch22").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 157 && this.index < 160){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic5">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det5">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul22").html(str);	            	
		            })   
	 			})
		       $(".mx-ch23").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 159 && this.index < 161){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic5">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det5">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul23").html(str);	            	
		            })   
	 			})
		       //6F
		       $(".mx-ch24").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 160 && this.index < 169){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic6">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det6">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul24").html(str);	            	
		            })   
	 			})
		       $(".mx-ch25").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 168 && this.index < 177){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic6">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det6">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul25").html(str);	            	
		            })   
	 			})
		       $(".mx-ch26").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 176 && this.index < 185){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic6">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det6">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul26").html(str);	            	
		            })   
	 			})
		       $(".mx-ch27").on("mouseenter",function(){
		         	$json = res;
		         	var str = "";  
		            $.each(res,function(index,name,img,price1){
		            	console.log(index);
		            	this.index = index;
		            	if(this.index > 184 && this.index < 193){
		            		console.log(name,img,price1);
		            		str += `<li>
										<div class="goods-pic6">
											<a href="#" target="_blank" title="${$json[index].name}">
												<img src="${$json[index].img}" alt="" />
											</a>
										</div>
										<div class="goods-det6">
											<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
											<span>${$json[index].price1}</span>
										</div>
									</li>`
		            	}
							$("#ul27").html(str);	            	
		            })   
	 			})
	     	}	
	    })  
	}
	return{
		fn : fn,
	}
})
